// Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
// SPDX-License-Identifier: MIT
import Spline from "@splinetool/react-spline/next";
import Link from "next/link";

import {Button} from "~/components/ui/button";

export function Jumbotron() {
    const buttons = [
        {
            href: "/agents/mbam",
            icon: "/images/mbam.png",
            text: "月度经营分析会",
        },
        {
            href: "/agents/fda",
            icon: "/images/fda.png",
            text: "金融数据分析",
        },
        {
            href: "/agents/ogsm",
            icon: "/images/ogsm.png",
            text: "OGSM",
        },
        {
            href: "/agents/interview",
            icon: "/images/interview.png",
            text: "超级面试官",
        },
        {
            href: "/agents/location",
            icon: "/images/location.png",
            text: "门店选址",
        },
        {
            href: "/agents/dish",
            icon: "/images/dish.png",
            text: "菜品研发",
        },
        {
            href: "/agents/equity",
            icon: "/images/equity.png",
            text: "股权激励",
        },
    ];

    return (
        <section className="flex w-full flex-col items-center justify-center">
            <div className="absolute inset-0 z-0">
                <Spline scene="/spline/scene.splinecode"/>
            </div>
            <div className="z-10 mt-[50vh] flex flex-col items-center justify-center transition-opacity duration-1000">
                <p className="max-w-4xl p-2 text-center text-sm opacity-85 md:text-2xl">
                    赋能每一位学习者与组织，打造能思考、能学习、能行动的超级智能体。融合&quot;科学创业&quot;体系与AI
                    Agent，实现智能辅导、决策支持与目标驱动落地。让你轻松构建和部署面向特定领域的智能体，广泛应用于科研、教育、内容创作与决策支持。
                </p>

                <div className="animate-fade-in flex flex-wrap  gap-10 pt-40">
                    {buttons.map((button) => (
                        <Button
                            key={button.href}
                            className="hidden rounded-xl border border-white/30 bg-white/50 text-lg text-black backdrop-blur-sm backdrop-saturate-200 transition-all duration-300 hover:scale-105 hover:bg-white/70 hover:shadow-lg md:flex md:h-16 md:w-60 md:items-center md:justify-center md:gap-3"
                            size="lg"
                            asChild
                        >
                            <Link href={button.href} target="_self">
                                <img src={button.icon} alt="" className="h-[20px]"/>
                                {button.text}
                            </Link>
                        </Button>
                    ))}
                </div>
            </div>
        </section>
    );
}
